/* 
    Document   : style
    Created on : 14 mai 2012, 16:05:47
    Author     : Nero
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

#container{
    margin: 0 auto;
    width: 1024px;
}

.table-bloc{
    width: 100px;
    height: 100px;
    margin: 10px;
    float: left;
    background-image: url(../img/table-icon.png);
    background-position-x: 100px;
    box-shadow:2px 1px 15px #4A5059;
    border-radius: 13px; 
    -moz-border-radius: 13px; 
    -webkit-border-radius: 13px; 
}
.table-bloc.active{
    background-position-x: 0;
}

.table-bloc h3{
    vertical-align: bottom;
    text-align: center;
}
.table-bloc a{ 
    display: block;
    width: 100px;
    padding-top: 75px;
}

.left{float: left}
.right{float: right}

#menus{width: 75%}
#menus .menu{ float:left;max-width: 310px; margin: 10px; padding:10px;box-shadow:2px 1px 15px #4A5059;border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
#menus .menu .price{display: block;position: relative;top: -20px;background-color: black;max-width: 100%;color: white;padding: 1px;font-size: 11px;opacity: 0.7}
#menus .menu .info {font-size: 14px;font-weight: 400}
#menus .menu .info .amount{text-align: right;display: block;float: right}
#menus .menu .image img{height: 120px}

#menu_sidebar{width: 20%;border-left: 1px dashed black;padding: 5px}
#menu_sidebar .name{}
#menu_sidebar ul {margin-top: 15px}
#menu_sidebar ul li{list-style: none;margin-left: -20px}
#menu_sidebar ul li span.detail,.total .detail{display: block;float: right}

.label_type{display: inline}
input[name='type']{margin-right: 20px;display: inline-block}

ul#addmenu_list li{box-shadow:2px 1px 15px #4A5059;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: inline-block;width: 70px;padding: 3px;margin: 10px }

#fade { /*--Masque opaque noir de fond--*/
    display: none; /*--masqué par défaut--*/
    background: #000;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .80;
    z-index: 9999;
}
.popup_block{
    display: none; /*--masqué par défaut--*/
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: absolute;
    z-index: 99999;
    /*--Les différentes définitions de Box Shadow en CSS3--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    /*--Coins arrondis en CSS3--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    maxHeight: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}
img.btn_close {
    float: right;
    margin: -55px -55px 0 0;
}
#content .close{opacity: 1;}

/*--Gérer la position fixed pour IE6--*/
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}
